<style include="privacy-review-fragment-shared"></style>
<div class="header" focus-element tabindex="-1">
  <picture>
    <source
        srcset="./images/privacy_review/msbb_graphic_dark.svg"
        media="(prefers-color-scheme: dark)">
    <img alt="" src="./images/privacy_review/msbb_graphic.svg">
  </picture>
  <h2 class="header-label">$i18n{privacyReviewMsbbCardHeader}</h2>
</div>
<div class="embedded-setting-wrapper">
  <settings-toggle-button id="urlCollectionToggle"
      pref="{{prefs.url_keyed_anonymized_data_collection.enabled}}"
      label="$i18n{urlKeyedAnonymizedDataCollection}">
  </settings-toggle-button>
</div>
<div class="description-wrapper two-column">
  <div class="description-column description-column-first">
    <div class=description-header>
      $i18n{privacyReviewFeatureDescriptionHeader}
    </div>
    <privacy-review-description-item
        icon="settings20:flash-on"
        label="$i18n{privacyReviewMsbbFeatureDescription1}">
    </privacy-review-description-item>
    <privacy-review-description-item
        icon="settings20:lightbulb"
        label="$i18n{privacyReviewMsbbFeatureDescription2}">
    </privacy-review-description-item>
  </div>
  <div class="description-column">
    <div class=description-header>
      $i18n{privacyReviewThingsToConsider}
    </div>
    <privacy-review-description-item
        icon="settings20:link"
        label="$i18n{privacyReviewMsbbPrivacyDescription1}">
    </privacy-review-description-item>
    <privacy-review-description-item
        icon="settings20:data-connectors-system"
        label="$i18n{privacyReviewMsbbPrivacyDescription2}">
    </privacy-review-description-item>
  </div>
</div>
